
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box
}

a {
  color: inherit;
  text-decoration: none;
  background-color: transparent
}

li {
  list-style: none
}

body {
  font-size: 14px;
  color: #494949;
  overflow: auto
}

.wrap-bg circle, .wrap-bg rect {
  stroke-width: 0;
  -ms-transform: rotate(30deg) scale(1.1);
  transform: rotate(30deg) scale(1.1);
  -ms-transform-origin: center;
  transform-origin: center
}


.wrap {
  position: relative;
  min-height: 580px;


  .main {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    width: 970px;
    background: #effbff;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    box-shadow: 0 0 50px rgba(0, 0, 0, .1);

    .main-content {
      p {
        font-size: 20px;
        text-align: center
      }

      .link {
        a {
          font-size: 30px;
          transition: all 0.3s;
          &:hover{
            text-decoration: underline;
            color: #2c7ce3;
          }
        }
      }

      h3 {
        padding: 50px 0;
        font-weight: 400;
        text-align: center;

        span {
          position: relative;
          display: inline-block;
          font-size: 60px;
          color: #2c7ce3;

          &::after {
            content: '';
            position: absolute;
            top: 32px;
            left: -80px;
            display: block;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            background: linear-gradient(45deg, #ded9ff, #2c7ce3);
            opacity: .2
          }

          &:before {
            content: '';
            position: absolute;
            top: 48px;
            left: -36px;
            display: block;
            width: 14px;
            height: 14px;
            border-radius: 50%;
            background: linear-gradient(45deg, #ded9ff, #2c7ce3);
            opacity: .2
          }

          i:before {
            content: '';
            position: absolute;
            top: 32px;
            right: -72px;
            display: block;
            width: 14px;
            height: 14px;
            border-radius: 50%;
            background: linear-gradient(45deg, #ded9ff, #2c7ce3);
            opacity: .2
          }

          i:after {
            content: '';
            position: absolute;
            top: 48px;
            right: -40px;
            display: block;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            background: linear-gradient(45deg, #ded9ff, #2c7ce3);
            opacity: .2
          }
        }
      }

      padding: 40px;
      border: 1px solid #c4dce5;
      background: #f4fcff;
    }


  }
}